<!-- OPTIONS CALL HERE TO USE IN REST OF DOCUMENT -->
	<?php 
		$canon_options = get_option('canon_options');
		$canon_options_hp = get_option('canon_options_homepage');
		$canon_options_appearance = get_option('canon_options_appearance');

	 ?>

	<style type="text/css">
	/* ==========================================================================
		THEME COLORS
	========================================================================== */



	/* Background for Site */
	body, fieldset, fieldset > fieldset, .main table, ul.tab-nav li.active, h3.v_nav.v_active,
	
	/* Woo Commerce Classes */
	.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active
	{
	   	background: #fff;
		<?php if (!empty($canon_options_appearance['color_bg'])) echo "background: ".$canon_options_appearance['color_bg'].";"; ?>
	}
	
	
	
	
	
	/* General Body Text Color*/
	html, button, input, select, textarea, ul.social-link a, .widget.widget_nav_menu ul li a, .tweet,
	
	/* Woo Commerce Classes */
	.woocommerce-tabs .comment-text .description  
	 { 
		color: #656a6f; 
		<?php if (!empty($canon_options_appearance['color_body_text'])) echo "color: ".$canon_options_appearance['color_body_text'].";"; ?>
	}






	/* General Body Link Color*/
	a, .more, .toggle-btn, .accordion-btn, .sc_accordion-btn,  ul.tab-nav li, h3.v_nav, ul.sitemap a:hover, .sitemap li.current-menu-item a:hover, .sitemap li.current-menu-ancestor a  {
	    color: #4f565e;
		<?php if (!empty($canon_options_appearance['color_body_link'])) echo "color: ".$canon_options_appearance['color_body_link'].";"; ?>
	}






	/* Feature Color*/
	.main ul li:before, h1 span, h2 span, h3 span, h4 span, .highlight, h5, h6, cite, h1:after, h2:after, h3:after, .main-container a:hover, .more:before, ol > li:before, .cta a:hover, .error[generated=true], span.wpcf7-not-valid-tip, div.wpcf7-response-output, .footable.breakpoint > tbody > tr > td.expand:before, ul.social-link a:hover,  #nav ul li a:hover:before, ul.page-numbers .current, #nav li a:hover, li.current-menu-ancestor a,  #nav li li.current_page_item > a, ul.comments h5 a, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before, .link-pages p a, #wp-calendar a, .logo-text:after, .widget.widget_nav_menu ul li a:hover, .statistics li h4, ul.filters li.active a, .toggle-btn.active, .accordion-btn.active, .sc_accordion-btn.active, ul.tab-nav li.active, h3.v_nav.v_active, .foot-widgets a:hover, .foot-widgets a:hover b, .tweets cite:before, li.tweet .meta:before, .icon-thirds li:hover em:before, .boxed ul.social-link a:hover, .boxed h5, .sitemap li a:hover ,
	
	/* Woo Commerce Classes */
	.shipping_calculator h2 a, .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce form .form-row .required, .woocommerce-page form .form-row .required, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce div.product .stock, .woocommerce #content div.product .stock, .woocommerce-page div.product .stock, .woocommerce-page #content div.product .stock, .woocommerce div.product .out-of-stock, .woocommerce #content div.product .out-of-stock, .woocommerce-page div.product .out-of-stock, .woocommerce-page #content div.product .out-of-stock
	{
		color: #fd542d; 
		<?php if (!empty($canon_options_appearance['color_main'])) echo "color: ".$canon_options_appearance['color_main'].";"; ?>
	}   






	/* Button Color*/ 
	a.btn, input[type=button], nav li.current-menu-item a, nav li.current-menu-parent a, input[type=submit], #menu-icon, ol.graphs > li, .flex-control-paging li a.flex-active, ul.page-numbers li a.prev:hover, ul.page-numbers li a.next:hover, ul.paging a:hover span, .header-container div.nav li a, .column-example div:hover, .price.price-feature h3,
	
	/* Woo Commerce Classes */
	p.demo_store, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button,  .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt, .woocommerce-message:before, .woocommerce .shop_table.cart td.actions .button.alt, .woocommerce .shop_table.cart td.actions .button:hover, .woocommerce .woocommerce-message a.button:hover
	{
		background-color: #fd542d; 
		<?php if (!empty($canon_options_appearance['color_button_bg'])) echo "background-color: ".$canon_options_appearance['color_button_bg'].";"; ?>
		color: #fff; 
		<?php if (!empty($canon_options_appearance['color_button_text'])) echo "color: ".$canon_options_appearance['color_button_text'].";"; ?>
	}






	/* Button on Hover*/
	a.btn:hover, input[type=button]:hover, nav a:hover, nav a:before, nav li.current-menu-item a:hover, nav li.current-menu-parent a:hover, input[type=submit]:hover, #menu-icon.active, #nav ul, nav .nav-parent.hover a, nav li.current-menu-ancestor a, .header-container div.nav li a:hover, .flex-control-paging li a, ul.page-numbers li a.prev, ul.page-numbers li a.next, ul.paging a span, .price h3,
	
	/* Woo Commerce Classes */
	.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce .shop_table.cart td.actions .button, .woocommerce .shop_table.cart td.actions .button.alt:hover, .woocommerce .woocommerce-message a.button
	{
		background-color: #3c464c; 
		<?php if (!empty($canon_options_appearance['color_button_bg_hover'])) echo "background-color: ".$canon_options_appearance['color_button_bg_hover'].";"; ?>
		
	}
	
	
	/* Button on Hover*/
	a.btn:hover, input[type=button]:hover, nav a:hover, nav a:before, nav li.current-menu-item a:hover, nav li.current-menu-parent a:hover, input[type=submit]:hover, #menu-icon.active, #nav ul, nav .nav-parent.hover a, nav li.current-menu-ancestor a, .header-container div.nav li a:hover, .flex-control-paging li a, ul.page-numbers li a.prev, ul.page-numbers li a.next, ul.paging a span, .price h3,
	
	/* Woo Commerce Classes */
	.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce .shop_table.cart td.actions .button, .woocommerce .shop_table.cart td.actions .button.alt:hover, .woocommerce .woocommerce-message a.button {
		color: #fff;
		<?php if (!empty($canon_options_appearance['color_button_text_hover'])) echo "color: ".$canon_options_appearance['color_button_text_hover'].";"; ?>
	}
	
	@media only screen and (max-width: 768px) { 
			#nav, #nav ul  {
				background-color: #3c464c; 
				<?php if (!empty($canon_options_appearance['color_button_bg_hover'])) echo "background-color: ".$canon_options_appearance['color_button_bg_hover'].";"; ?>
			}
	}






	 /* Headings Color*/
	h1, h2, h3, h4, .nav a, h1 a, h2 a, h3 a, h4 a, #response .success, .success:before, #response .failure, #header_logo, .logo-text, .statistics li h6,
	
	/* Woo Commerce Classes */
	.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover, .summary.entry-summary .price span,  .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, mark
	{
		color: #2d3438;
		<?php if (!empty($canon_options_appearance['color_headings'])) echo "color: ".$canon_options_appearance['color_headings'].";"; ?>
	} 



	
	/* Bold text Color*/
	strong, b, .lead, .main table th, blockquote, ul.pagination li a, ul.comments h5 a:hover, .comment-reply-link, .comment-edit-link, .link-pages, .link-pages p a:hover, #wp-calendar a:hover, #wp-calendar caption {
		color: #3c4a52; 
		<?php if (!empty($canon_options_appearance['color_bold'])) echo "color: ".$canon_options_appearance['color_bold'].";"; ?>
	}




	/* Masthead Background COlour */
	#masthead, #slides, #static, .header-container {
		background: #333!important; /* Home Page Masthead Background Color - Match to image*/
		<?php if (!empty($canon_options_appearance['color_masthead_bg'])) echo "background: ".$canon_options_appearance['color_masthead_bg']."!important;"; ?>
	}




	/* Masthead Headings Color*/
	.cta, .cta h1, .cta h2, .cta h3, .cta h4, .cta h5 {
		color: #fff; 
		<?php if (!empty($canon_options_appearance['color_masthead_headings'])) echo "color: ".$canon_options_appearance['color_masthead_headings'].";"; ?>
	}
	
	
	
	/* Second Feature Colour*/
	.feature-icon i{
		color: #119ada;	
		<?php if (!empty($canon_options_appearance['color_feature2'])) echo "color: ".$canon_options_appearance['color_feature2'].";"; ?>
	}
	

	/* Meta Colour*/
	.comments h6, h6.tags a, a:before, .boxed ul.social-link a, .wp-caption-text, .sticky h2:before,
	
	/* Woo Commerce Classes */
	 .woocommerce-result-count, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del, .summary.entry-summary .price del span,  .woocommerce .cart-collaterals .cart_totals p small, .woocommerce-page .cart-collaterals .cart_totals p small, .woocommerce .star-rating:before, .woocommerce-page .star-rating:before  
	  {
		color: #9fadb4; 
		<?php if (!empty($canon_options_appearance['color_meta'])) echo "color: ".$canon_options_appearance['color_meta'].";"; ?>
	}





	/* lines and rulers */
	.header-container header, .right-aside, footer .wrapper, hr, hr.dot, hr.dash, fieldset, .statistics ul li, ul.filters, ul.filters li, .header-container header .wrapper, ul.toggle li,
	ul.tab-nav li, ul.tab-nav li.active, .tab-content-block, h3.v_nav, ul.accordion li, .message.promo, input[type=text],  input[type=email], input[type=password], textarea, input[type=tel], input[type=url], input[type=date], input[type=range], .main table td, .main table th, .main table tr:nth-child(2n+2), #filter li, .boxed ul.social-link,  .price-detail ul li, .price-detail ul li:last-child, .sc_accordion li,
	
	/* Woo Commerce Classes */
	ul.products li .price, ul.products li h3, .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box, .col2-set.addresses .address, p.myaccount_user, .summary.entry-summary .price,  .summary.entry-summary .price, .product_meta .sku_wrapper, .product_meta .posted_in, .product_meta .tagged_as, .product_meta span:first-child, .woocommerce-message, .related.products, .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar, .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text, .upsells.products, .woocommerce-page .cart-collaterals .cart_totals tr th, ul.products li .price, .summary.entry-summary .price, .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods
	{
		border-color: #cad2d7; 
		<?php if (!empty($canon_options_appearance['color_rulers'])) echo "border-color: ".$canon_options_appearance['color_rulers'].";"; ?>
	}
	
	
	
	
	
	/* Footer Background Color*/
	footer {
		background-color: #f2f2f2; 
		<?php if (!empty($canon_options_appearance['color_footer_bg'])) echo "background-color: ".$canon_options_appearance['color_footer_bg'].";"; ?>
	}
	
	
	
	
	/* Menu Text Color */
	.nav li a { 
		color: #2d3438; 
		<?php if (!empty($canon_options_appearance['color_menu_text'])) echo "color: ".$canon_options_appearance['color_menu_text'].";"; ?>
	}
	
	
	
	
	/* Input and Table Color */
	input[type=text],  input[type=email], input[type=password], textarea, input[type=tel], input[type=url], input[type=date], input[type=range], .main table th, .main table tr:nth-child(2n+2), ul.comments .odd, .message.promo, ul.tab-nav li, .column-example div, h3.v_nav, .boxed, .price:hover, .price, ul.sitemap li a,
	
	/* Woo Commerce Classes */
	input.input-text, .woocommerce ul.products li.product, .woocommerce ul.products li.product.last .woocommerce-page ul.products li.product, .col2-set.addresses .address, .woocommerce-message, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce #payment, .woocommerce-page #payment
	{
		background-color: #f6f6f6; 
		<?php if (!empty($canon_options_appearance['color_inputs'])) echo "background-color: ".$canon_options_appearance['color_inputs'].";"; ?>
	}







	/* ==========================================================================
		THEME FONTS
	========================================================================== */

		
		/* BODY TEXT */  
		body, h3#reply-title, .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, .boxed h5{
			 font-family: 'robotoregular';
			 font-weight: normal;
			 font-style: normal;
			<?php if ($canon_options_appearance['font_main'][0] != 'canon_default') echo 'font-family: "' . $canon_options_appearance['font_main'][0] . '";'; ?>
		}
		
		
		
		/* BOLD TEXT */  
		.logo-text, .cta h1, cite, strong, h1, h2, h3, h4, h5, h6, b, .more, ol > li:before, .cta a, a.btn, input[type=button], input[type=submit], label, .toggle-btn, .sc_accordion-btn{
			font-family: 'conduititcstdregular';
			<?php if ($canon_options_appearance['font_bold'][0] != 'canon_default') echo 'font-family: "' . $canon_options_appearance['font_bold'][0] . '";'; ?>
		}
		
		
		
		/* QUOTE TEXT*/ 
		.cta h3, .lead, blockquote, .tweet, .quote, aside .tweet, footer .tweet, .flexslider-quote blockquote{
			font-family: 'aleoitalic';
			<?php if ($canon_options_appearance['font_quote'][0] != 'canon_default') echo 'font-family: "' . $canon_options_appearance['font_quote'][0] . '";'; ?>
		}
		
		
		
		/* NAV TEXT*/ 
		#nav a, #nav ul a, .header-container div.nav li a, #menu-icon{
			font-family: 'conduititcstdlight';
			<?php if ($canon_options_appearance['font_nav'][0] != 'canon_default') echo 'font-family: "' . $canon_options_appearance['font_nav'][0] . '";'; ?>
		}
		@media only screen and (max-width: 768px) { 
			#nav a, #nav ul a{
				 font-family: 'conduititcstdlight';
				<?php if ($canon_options_appearance['font_main'][0] != 'canon_default') echo 'font-family: "' . $canon_options_appearance['font_main'][0] . '";'; ?>
			}
		}

		
		
		/* ITALICS TEXT*/ 
		h6.tags, em, .error[generated=true], .wp-caption-text{
			font-family: 'robotoitalic';
			<?php if ($canon_options_appearance['font_italic'][0] != 'canon_default') echo 'font-family: "' . $canon_options_appearance['font_italic'][0] . '";'; ?> 
		}
		
		
		
		/* FORM FIELD TEXT*/
		input[type=text],  input[type=email], input[type=password], textarea, input[type=tel], input[type=url], input[type=date], input[type=range]{
			font-family: 'conduititcstdlight';
			<?php if ($canon_options_appearance['font_field'][0] != 'canon_default') echo 'font-family: "' . $canon_options_appearance['font_field'][0] . '";'; ?> 
		}
		
		
		
		
		

	/* ==========================================================================
		HEADER
	========================================================================== */

	/* LOGO MAX WIDTH */

		.logo{
			max-width: 131px; 
			<?php if (!empty($canon_options['logo_max_width'])) echo "max-width: ".$canon_options['logo_max_width']."px;"; ?>
		}
		.logo-foot{
			max-width: 45px; 
		}

	/* HEADER PADDING*/

		.header-container header{
			padding-top: 60px;
			<?php if ($canon_options['header_padding_top'] > -1) echo "padding-top: ".$canon_options['header_padding_top']."px;"; ?>

			padding-bottom: 45px;
			<?php if ($canon_options['header_padding_bottom'] > -1) echo "padding-bottom: ".$canon_options['header_padding_bottom']."px;"; ?>
		}   

	/* HEADER ELEMENTS POSITIONING */

		#header_logo {
			position: relative;	
			top: 0px;
			<?php if (!empty($canon_options['pos_logo_top'])) echo "top: ".$canon_options['pos_logo_top']."px;"; ?>
			left: 0px;
			<?php if (!empty($canon_options['pos_logo_left'])) echo "left: ".$canon_options['pos_logo_left']."px;"; ?>
		}

		#nav-wrap {
			position: relative;	
			top: 0px;
			<?php if (!empty($canon_options['pos_nav_top'])) echo "top: ".$canon_options['pos_nav_top']."px;"; ?>
			right: 0px;
			<?php if (!empty($canon_options['pos_nav_right'])) echo "right: ".$canon_options['pos_nav_right']."px;"; ?>
		}

    /* TITLE BAR BACKGROUND IMAGE */

		.header-container{
			background-color: #333;


			<?php 

				$bg_attr = ($canon_options['parallax_scrolling'] == "checked") ? 'no-repeat fixed!important;' : 'no-repeat!important;';

				$result_cmb_header_bg_img = get_post_meta($post->ID, 'cmb_header_bg_img', true);
				$bg_img = (empty($result_cmb_header_bg_img)) ? $canon_options['header_bg_img_url'] : $result_cmb_header_bg_img ;

				if (!empty($bg_img)) {
					echo "background:url(". $bg_img .") ".$bg_attr;
					echo "background-size: 100%!important;";	
				}
			?>
		}


	/* ==========================================================================
		MISC
	========================================================================== */

	/* FINAL CALL CSS */

		<?php if ($canon_options_appearance['use_final_call_css'] == "checked" && !empty($canon_options_appearance['final_call_css'])) { echo $canon_options_appearance['final_call_css']; } ?>


	</style>